<!--
 * @Author: w_yy
 * @Date: 2023-03-22 14:45:53
 * @LastEditors: w_yy
 * @LastEditTime: 2023-03-22 15:30:03
 * @FilePath: \vue-project\src\views\DemoA.vue
 * @Copyright: 2023 沈阳东软智睿放疗技术有限公司
 * @Descripttion: 该文件用于OIS系统。版权由东软智睿放疗技术有限公司所有
-->
<template>
  <header>头部</header>
  <div>
    <a-button @click="getListData">获取list组件data和方法</a-button>
    <list class="demoA-list" ref="listRef">
      <h1>患者列表</h1>
      <template v-slot:listBottom="{ title, author }">
        <h1>{{ title }}患者列表底部{{ author }}</h1>
      </template>
    </list>
  </div>
  <footer>底部</footer>
</template>

<script>
import List from "../components/List.vue";
import { Button } from "ant-design-vue";
import { ref } from "vue";
export default {
  components: { List, AButton: Button },
  name: "DemoA",
  setup() {
    let a = 3;
    const listRef = ref(null);
    function getListData() {
      // console.log(listRef.value);
    }
    return {
      a,
      listRef,
      getListData,
    };
  },
};
</script>

<style>
</style>